<template>
  <q-page padding>
    {{#features.component}}
    <{{componentName}} />
    {{/features.component}}
    {{#features.directive}}
    <div v-{{directiveName}} class="directive-target">
      x
    </div>
    {{/features.directive}}
  </q-page>
</template>

<style lang="sass" scoped>
.directive-target
  width: 50px
  height: 50px
</style>
